<template>
  <!-- 头部操作项 -->
  <div class="layout_right_top" :options="options">
    <slot name="title">
      <div class="title">订单管理</div>
    </slot>
    <slot name="contrlle">
      <div class="input_box">
        <div>
          <span>线路名：</span>
          <input type="text" class="circuit" placeholder="如 ：云南游" />
        </div>

        <div>
          <span>状态：</span>
          <!-- <input type="text" /> -->
          <el-select v-model="value" placeholder="请选择">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
        <slot name="destination">
          <div>
            <span>目的地：</span>
            <el-select v-model="value" placeholder="请选择">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </div>
        </slot>

        <div>
          <span class="btn success">查询</span>
          <span class="btn default">重置</span>
        </div>
      </div>
    </slot>
  </div>
</template>

<script>
import "@/global-style/style.less";
export default {
  props: ["options"],
  data() {
    return {
      value: "",
    };
  },
};
</script>

<style lang="less">
.layout_right_top {
  padding: 1vh 2vh;
  box-sizing: border-box;
  height: 14vh;
  background: #ffffff;
  box-shadow: 0px 3px 3px #ccc;
  opacity: 1;
  margin-bottom: 0.6vh;
  & > .title {
    text-align: left;
    font-weight: 550;
    line-height: 5vh;
    span {
      padding: 0 0.5vw;
    }
  }
  .input_box {
    padding: 2.2vh 0;
    border-top: 1px solid #f3f3f3;
    display: flex;
    & > div {
      margin-right: 1.2vw;
      display: flex;
      align-items: center;
      .circuit {
        outline: none;
        width: 12vw;
        padding: 0 10px;
        border: 1px solid #ccc;
      }
    }
  }
  input {
    height: 4.4vh;
    line-height: 4.4;
    border-radius: 5px;
  }
}
</style>